<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>疫情信息网</title>
    <link rel="icon" href="images/head.png">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/main.css">
    <link rel="stylesheet" href="./font/download/font_3994926_slz8ud2e8zm/iconfont.css">
</head>

<body>
    <!-- 顶部导航 -->
    <div id="header">
        <video loop="loop" autoplay="autoplay" muted="muted"
            src="https://a.sinaimg.cn/mintra/pic/2112130543/weibo_login.mp4"
            poster="https://a.sinaimg.cn/mintra/pic/2112130400/18weibo_login.png"> 抱歉，您的浏览器不支持内嵌视频 </video>
        <div class="header-center">
            <div class="header-center-logo">
                <div style="font-weight:bold;font-size: 30px; color: #fff;white-space: nowrap;">疫情信息网</div>
            </div>
            <div class="header-center-input" style="display: flex">
                <div class="header-center-input-icon">
                    <span class="iconfont icon-sousuo"></span>
                </div>
                <input class="header-center-input-form" type="text" placeholder="搜索信息"></input>
                <div class="header-center-input-search">搜索</div>
            </div>
        </div>
    </div>
    <!--顶部导航条 -->
    <!--  <div id="nav">
        <div class="nav-center">
            <div class="nav-center-logo">
                <img src="./images/weibo.png">
            </div>
            <div class="nav-center-search">
                <div class="iconfont icon-sousuo"></div>
                <input type="text" placeholder="搜索信息"></input>
                <div class="radius"></div>
            </div>
             首页 消息 个人 设置
            <div class="nav-center-four">
                <div class="iconfont icon-shouye"></div>
                <div class="iconfont icon-xiaoxi"></div>
                <div class="iconfont icon-wode"></div>
                <div class="iconfont icon-shezhi"></div>
            </div>
            登陆注册
            <div class="nav-center-rightFour">
                <div class="nav-center-login">登录</div>
                <div class="nav-center-register">注册</div>
                <div class="nav-center-sun iconfont icon-baitian"></div>
                <div class="nav-center-liyan iconfont icon-yijianfankui"></div>
            </div>
            <div class="nav-center-barrier">
                无障碍
            </div>
        </div>
    </div> -->
    <!-- 主体区域 -->
    <div id="main" style="padding-top: 28px;">
        <div class="main-center">
            <!-- 主体左边栏 -->
            <div class="main-left">
                <div class="shishizhuizongBtn">
                    <!-- <span class="iconfont icon-zhexiantu">实时动态追踪</span> -->
                    <img src="./images/main5.png"><span>实时动态追踪</span>
                </div>
                <div class="fangyi">
                    <img src="./images/main1.png"><span>防疫手册</span>
                </div>
                <div class="kangyi">
                    <img src="./images/main2.png"><span>抗疫工具箱</span>
                </div>
                <div class="beiyao">
                    <img src="./images/main3.png"><span>备药指南</span>
                </div>
                <div class="jiuyi">
                    <img src="./images/main4.png"><span>就医手册</span>
                </div>
            </div>
            <!-- 主体部分 -->
            <div class="main" id="main-content">
                <div class="shishizhuizong">
                    <img src="./images/zhuizong1.png" style="width: 600px" alt="">
                    <img src="./images/zhuizong2.png" style="width: 600px" alt="">
                </div>
                <!-- 模板 -->
                <div class="main-template" style="display: none">
                    <a class="main-title" href="./detail.html" target="_blank">
                        <div class="main-title-word">
                            <div class="title-name">
                                <span>儿童发烧如何用药？“阳康”后多久可以运动？有关儿童感染的热点十问十答</span>
                            </div>
                            <div class="title-from">
                                <span>新华网</span>
                            </div>
                        </div>
                        <div class="main-title-img">
                            <img
                                src="https://k.sinaimg.cn/n/news/transform/384/w230h154/20230126/8c4c-7c3c93fbc051cab2bb48da5f752340fa.jpg/w230h154f1t0l50q90c55.jpg">
                        </div>
                    </a>
                </div>
            </div>
            <!-- 主体右边栏 :登录侧边栏 -->
            <div class="main-right">
                <div class="main-right-top">
                    <!-- <img src="./images/main-right-top.jpg"> -->
                    <!-- <div class="login">
                        登录
                    </div>
                    <div class="register">
                        还没有账号？<a href="">立即注册</a>
                    </div> -->
                </div>
                <div class="main-right-left">
                    <div class="fangyi">
                        <img src="./images/fangyi.jpg">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="mask"
        style="font-size: 20px;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, .7);display: none;">
        <div class="a_container"
            style="width: 800px;background-color: #fff;margin: 50px auto 0;border-radius: 5px;padding: 20px;">
            <div style="font-size: 20px;cursor: pointer;display:flex;justify-content: space-between">
                <span>新闻详情</span>
                <span class="caca">X</span>
            </div>
            <p style="margin: 10px 0;" class="biaoti">标题</p>
            <p style="color: #606266; font-size: 14px"><span>来源：</span><span class="laiyuan"></span> <span>发布时间: </span>
                <span class="fabushijian">asd</span>
                <span>所属分类： </span> <span class="fenlei">cate_name</span>
                <span>状态：</span> <span class="zhuangtai"></span>
            </p>
            <hr />
            <img src="" style="width: 150px;height: 150px;" class="tupian" alt="">
            <div class="zhengwen">正文</div>
        </div>
    </div>
    <!-- 导航条显示/隐藏 -->
    <script src="./js/jquery.js"></script>
    <script src="./js/index.js"></script>
</body>

</html>